<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" href="css/global.css">
	
	<script src="js/jquery.min.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 9000,
				pause: 2500,
				hoverPause: true,
				animationStart: function(current){
					$('.caption').animate({
						bottom:-35
					},100);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:0
					},200);
				}
			});
		});
	</script>
</head>
<body>
	<div id="container">
	  <div id="example">
      <div id="slides">
		<div class="slides_container">
            		<!--comienzo fotograma-->
                     <div class="slide">
						<a href="index.html" title="" target="_blank"><img src="imagenes/01.gif" width="980" height="300" alt="Slide 2"></a>
                      <div class="caption">
							<p>Resultado Beca Investigación 2012</p>
					  </div>
					</div>
                    <div class="slide">
						<a href="index.html" title="" target="_parent"><img src="imagenes/02.gif" width="980" height="300" alt="Slide 2"></a>
                      <div class="caption">
							<p>Postule su municipio o departamento para la dotación de infraestructura cultural en danza</p>
					  </div>
					</div>
                   
                    
                    <div class="slide">
						<a href="index.html" title="" target="_blank"><img src="imagenes/03.gif" width="980" height="300" alt="Slide 2"></a><div class="caption">
							<p>Libro "Programa de Mano" Proyecto ganador Estímulos 2011</p>
						</div>
                        
					</div>
                    
                       
                      <!--final fotograma-->
                   
                    </div>
				<a href="#" class="prev"><img src="imagenes/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
				<a href="#" class="next"><img src="imagenes/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
		</div></div></div>
</body>
</html>
